 *{padding:0;margin: 0;}
 .px2rem(@name, @px) {
   @{name}: @px / 75 * 1rem;
}
li{
	list-style-type:none
}

.txh {
	display: flex;
}
header {
	border-bottom: 1px solid #ccc;
	background: #ffffff;
	ul {
		.px2rem(height,98);
		.txh();
		justify-content:space-between;
		align-items:center;
		.px2rem(padding-left,40);
		.px2rem(font-size,36);
	}
} 
section {
	background: #ffffff;
	.section-top {
		ul {
			.px2rem(height,88);
			.px2rem(font-size,30);
			.txh();
			justify-content:space-around;
			align-items:center;
			li{
				.px2rem(height,88);	
				.px2rem(line-height,88);	
			}
			.active{
					color:red;
					border-bottom:4px solid red;
				}
		}
	}
	.section-image {
		.px2rem(height,1144);
		background: #f4f4f4;
		ul {
			.px2rem(height,1097);			
			li {				
				text-align: center;
				color: #9d9d9d;
			}
			li:nth-child(1) {
				.px2rem(padding-top,420);
			}
			li:nth-child(2) {
				.px2rem(padding-top,50);
			}
		}
	}
}

.section-imgs{
	.px2rem(height,1144);
		background: #f4f4f4;
		ul {
			.px2rem(height,1097);			
			li {				
				text-align: center;
				color: #9d9d9d;
			}
			li:nth-child(1) {
				.px2rem(padding-top,420);
			}
			li:nth-child(2) {
				.px2rem(padding-top,50);
			}
		}
}

.haowu{
	.px2rem(height,1144);
	background: #f4f4f4;
	display: flex;
	img{
		.px2rem(padding-left,15);
		.px2rem(padding-top,20);
		.px2rem(height,350);
		.px2rem(width,350);
	}
	.love{
		.px2rem(width,352);
		background:white;
		.px2rem(height,120);
		.px2rem(margin-left,15);
		ul{
			li{
				text-align: center;
				.px2rem(padding-top,20);
			}
			li:nth-child(2){
				color: #ccc;
			}
		}
	}
	.box{
		img{
			.px2rem(height,350);
			.px2rem(width,350);
		}
		.loves{
			background:white;
			.px2rem(width,352);
			.px2rem(height,120);
			.px2rem(margin-left,15);
				li{
					text-align: center;
					.px2rem(padding-top,50);
					.px2rem(font-size,27);
				}

		}
	}
}